<template>
  <div class="page404-container">
    <Cover v-model="src1"/>
    <Cover v-model="src2"/>
    <div class="red">404</div>
    <el-button>el中的button</el-button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      src1: '',
      src2: 'http://toutiao-img.itheima.net/Fo0zRMjNR2-345EGOZn6059qvx9l'
      // src: 'http://toutiao.meiduo.site/Fk2YzxVPpu89_zmIFX75DtbD8atn'
    }
  }
}

// lang: 用来指定样式是用什么语言?(css, less, sass, scss....)
// scoped: 作用域。加这一项与不加这一样有极大的区别
//   - 如果加了，则下面样式是私有的
//   - 如果不加，则下面样式是全局的
</script>
<style>
  .red {
    color:red;
    font-size: 100px;
  }
</style>